<template>
    <div id="contact-author">
        <div id="message-box">
            <div id="text">
                <h1 id="title">法律声明以及站长联系方式</h1>
                <h2 id="legal-declaration">法律声明</h2>
                <div id="legal-declaration-text">
                    本站用户您好！
                    <br>
                    <br>
                    感谢您访问本站，欢迎使用本站免费功能，以及阅读本站免费文章，当您使用本站服务时，您应当知晓并视为默认以下服务条款：
                    <br>
                    <br>
                    1.隐私政策：我们重视用户上网隐私，本站不会主动收集记录用户的个人隐私用于任何违法目的；
                    <br>
                    <br>
                    2.导航外站链接：本站为用户免费提供网址导航功能，收集各类别热门网站，所链接网站均与本站无利益相关，外链网站内容或立场与本站无关，本站不能保证外链网站内容真实性，如果外链网站有不当信息，欢迎用户反馈；
                    <br>
                    <br>
                    4.用户功能：本站部分页面提供用户数据分析功能，请各位用户遵守国家相关法律法规，共同构建良好的互联网环境。本站声明，用户使用功能的结果与本站无关，本站不对用户功能使用的结果负责；
                    <br>
                    <br>
                    感谢您阅读并同意以上服务条款！
                    请您关注本站法律声明更新，如有变动，恕不另行通知，在法律许可范围内，本站拥有以上条款解释权。
                </div>
                <h2 id="contact-author-title">联系作者</h2>
                <p id="contact-information">
                    邮箱：FDGreenwood@outlook.com
                    <br>
                    版权问题反馈、其他事务联系方式同上。
                </p>
            </div>
        </div>
        <div id="author-message"></div>
    </div>
</template>

<script>
export default {
    name: 'ContactAuthor',

    data() {
        return {
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style scoped>
#contact-author {
    width: 100%;
    height: 100%;
}


#message-box {
    width: 60%;
    height: 80%;
    position: relative;
    top: 10%;
    margin: auto;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgb(127, 127, 127);
}


#title {
    text-align: center;
    padding-top: 50px;
}


#legal-declaration {
    text-align: center;
}


#legal-declaration-text {
    margin: 0px 50px 50px 50px;
}


#contact-author-title {
    text-align: center;
}


#contact-information {
    text-align: center;
}



</style>